<!DOCTYPE html>
<html xmlns:shiro="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="@{include}::header"></head>
<link rel="stylesheet" th:href="@{/css/guide.css}">
<style>
    .btn-view{
        width: 100%;
        height: 200px;
        border-radius: 15px;
        display: grid;
        cursor: pointer;
    }
    .btn-view img {
        width: 60px;
        height: 60px;
        position: relative;
        top:40px;
        margin-left: -30px;
        left: 50%;
    }
    .btn-view span{
        text-align: center;
        color: white;
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
    }
    .green-view{
        background-color: #00B83F;
    }
    .orange-view{
        background-color: #eea236;
    }
    .blue-view{
        background-color: #29a2e3;
    }
    .perpur-view{
        background-color: #d2501a;
    }
    .skyblue-view{
        background-color: #17cece;
    }
    .header-img{
        width: 347px;
        height: 88px;
    }
</style>
<body class="guide-body">
<input type="hidden" id="group_code" th:value="${group_code}">
<div class="guide-layui-header">
    <div onclick="goMain('1')">
        <img th:src="@{/img/hd_logo2.png}" class="header-img">
        <div class="header-title">
            <span>海鼎农牧数字化管理平台</span>
        </div>
    </div>
</div>
<!--class=""-->
<div class="guide-layui-body layui-row" style="text-align: center;padding: 0vh 0vw 0 16vw;">
    <div style="text-align: center;">
        <div class="layui-col-sm3 item-view" title="制粒机温度管理" onclick="goMain('6')">
            <div class="btn-view orange-view">
                <img th:src="@{/img/group/wendu.png}">
                <span>制粒机温度管理</span>
            </div>
<!--            <img onclick="goMain('2')" th:src="@{/img/电子作业票管理.png}">-->
        </div>
        <div class="layui-col-sm3 item-view" title="筒仓测量" onclick="goMain('7')">
            <div class="btn-view blue-view">
                <img th:src="@{/img/group/cang.png}">
                <span>筒仓测量</span>
            </div>
<!--            <img onclick="goMain('3')" th:src="@{/img/安全学习.png}">-->
        </div>
        <div class="layui-col-sm3 item-view" title="油罐测量" onclick="goMain('8')">
            <div class="btn-view perpur-view">
                <img th:src="@{/img/group/youguan.png}">
                <span>油罐测量</span>
            </div>
<!--            <img onclick="goMain('4')" th:src="@{/img/安全学习.png}">-->
        </div>
        <div class="layui-col-sm3 item-view" title="系统设置" onclick="goMain('1')">
            <div class="btn-view skyblue-view">
                <img th:src="@{/img/group/setting-btn.png}">
                <span>系统设置</span>
            </div>
<!--            <img onclick="goMain('1')" th:src="@{/img/系统设置.png}">-->
        </div>
    </div>

<!--    <div class="layui-row">-->
<!--        <div class="layui-col-xs6 layui-col-sm3" ><img  onclick="goMain('9')"  th:src="@{/img/数据分析.png}"></div>-->
<!--        <div class="layui-col-sm4 item-view" ><img  onclick="goMain('8')" th:src="@{/img/随手拍.png}"></div>-->
<!--        <div class="layui-col-sm4 item-view" ><img  onclick="goMain('4')" th:src="@{/img/隐患排查.png}"></div>-->
<!--        <div class="layui-col-sm4 item-view" ><img  onclick="goMain('2')" th:src="@{/img/有奖举报.png}"></div>-->
<!--    </div>-->
  <!--  <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/首页.png}"><div class="title-div">首页</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/数据统计.png}"><div class="title-div">数据统计</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/用户权限.png}"><div class="title-div">用户权限</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/安全学习管理.png}"><div class="title-div">安全学习</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/隐患举报管理.png}"><div class="title-div">隐患举报</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/企业管理.png}"><div class="title-div">企业管理</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/企业安全隐患排查.png}"><div class="title-div">隐患排查</div></div></div>
    <div class="layui-col-sm3" style="padding: 0.3rem 0.6rem"><div class="card-div layui-panel"><img width="20%" th:src="@{/img/安全你我他随手拍.png}"><div class="title-div">安全随手拍</div></div></div>-->
</div>
<!--<img width="100" height="100" th:src="@{/img/zhonghuiCode.jpg}" style="position: absolute;right: 4%;bottom: 7%;"/>-->
<a onclick="openwindow()" style="position: absolute; right: 0.5%;bottom:0.5%; "> <i class="fa fa-arrows-alt" style="font-size:0.2rem"></i></a>
<div th:include="include::footer"></div>


<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div th:include="@{include}::footer"></div>
<script type="text/javascript" th:src="@{/js/appjs/module/screenPage/guide.js}"></script>
</body>
</html>
